.font-xsmall{font-size: x-small;}
.font-medium{font-size: medium;}
.font-smaller{font-size: smaller;}
.font-big{font-size: large;}
.font-bigger{font-size: larger;}
.font-x-large{font-size: x-large;}
.font-xx-large{font-size:xx-large;}
.font-100{font-weight:100;}
.font-400{font-weight:400;}
.box-height{height: 300px;}
.grey{color: #959595;}
.black{color: #000000;}
.red{color: #FD3131;}
.white{color:#FFFFFF;}
.white2{color:#e1e1e1;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.float-r{float: right;}
.float-l{float: left;}
.input-text{width: 80%;font-size: large;margin-left: 10px;}
.border{border:1px solid #D9D9D9;}
.whiteBG{background-color: #ffffff;}
.blackBG{background-color: #000000;}
.greenBG{background-color: #93F99D;}
.mildBG{background-color: #F1F1F1;}
.TextVcenter{ /*垂直居中*/
    display: flex;justify-content:center;align-items:Center;}
.TextVcenter2{ /*垂直居中,内容两端*/
    display: flex;justify-content:space-between;align-items:Center;text-align: left;}

.TextVcenter3{ /*垂直居中,内容考左*/
	   display: flex;justify-content:left;align-items:Center;text-align: left;}
.toBottom{position: absolute;bottom: 0;}/*组合使用(子)*/
.toParent{position:relative;}/*组合使用(父)*/
.flex-1{flex: 1;}
.flex-auto{flex: auto;}
.width-5{width: 5%;}.width-10{width: 10%;}.width-15{width: 15%;}.width-20{width: 20%;}.width-25{width: 25%;}
.width-30{width: 30%;}.width-50{width: 50%;}.width-45{width: 45%;}.width-40{width: 40%;}.width-35{width: 35%;}
.width-55{width: 55%;}.width-70{width: 70%;}.width-65{width: 65%;}.width-60{width: 60%;}.width-100{width: 100%;}
.width-75{width: 75%;}.width-80{width: 80%;}.width-85{width: 85%;}.width-90{width: 90%;}.width-95{width: 95%;}
.height-100{height: 100%;}.height-90{height: 90%;}
.height-50{height: 50%;}
.height-20{height: 20%;}.height-10{height: 10%;}
